/* Higher than 960 (desktop devices)
====================================================================== */
@media (min-width: 1200px) {
	
	.nav-collapse {
		float: right;
	}
	
	#mobileOverlay {
		display: none;
	}
	
}

/* Higher than 960 (desktop devices)
====================================================================== */
@media only screen and (min-width: 980px) and (max-width: 1199px){
	
	.nav-collapse {
		float: right;
	}
	
	.content {
		padding:40px;
	}
	
	.navbar .nav > li > a {
		padding: 28px 15px;

	}
	
	#wrapper {

	}
	
	#footer-menu {

	}
	
	#footer {

	}
	
	.flexslider.home {
		min-height: 300px;
	}
	
	#mobileOverlay {
		display: none;
	}

}

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 979px) {
		
	.nav {
		background: transparent;
		z-index: 9999;
	}
	
	.navbar .nav > li > a {
		color: #666;
		background: transparent;
		border-top:4px solid transparent;
		text-shadow: none;
		font-size: 16px;
		padding: 6px 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;

	}
	
	.content {
		padding: 30px !important;
	}
	
	ol li ol.childlist .comment-des {
		width:86%;
	}
	
	#mobileOverlay {
		display: none;
	}
	
}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
	
	.content {
		padding: 10px !important;
	}
	
	#contact-details {
		text-align: center;
		float: left;
	}
	
	
	
	.post-title h2 {
		line-height: 26px;
		margin-bottom: 15px;
	}
	
	.post-icon {
		margin-top: 28px;
	}
	
	#filters,
	#portfolio-navi {
		position: relative;
		text-align: left;
		display: block;
		margin: 0 0 23px 0;
	}
	
	#portfolio-navi {
		margin: -5px 0 25px 0;
	}
	
	.portfolio-item {
		margin: 5px 0 25px 0 !important;
	}
	
	.item-description.related {
		margin-bottom: 30px;
	}
	
	#mobileOverlay {
		display: visible !important;
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		padding: 0px 5px 0px 5px;
	}
	
	header {
		padding: 0px 20px !important;
	}
	
	#wrapper,
	#footer,
	#footer-menu,
	#copyright {
		overflow: hidden;
		padding: 0px 10px;
	}

	.nav {
		background: transparent;
		z-index: 9999;
	}
	
	.navbar .nav > li > a {
		color: #666;
		background: transparent;
		border-top:4px solid transparent;
		text-shadow: none;
		font-size: 14px;
		padding: 5px 20px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;

	}

	.logo  {
		margin-left: 0px;
	}
		
	.flickr-widget a {
		width: 53px;
		height: 53px;
	}
	
	ol li ol.childlist .comment-des {
		width:82%;
	}
	
	.comment-des{
		width:83%;
	}
	
	#mobileOverlay {
		display: visible !important;
	}
	
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {
	
	body {
		padding: 0px 2px 0px 2px;
	}
	
	header {
		padding: 0px 20px !important;
	}
	
	#wrapper,
	#footer,
	#footer-menu,
	#copyright {
		overflow: hidden;
		padding: 0px 10px;
	}
	
	.nav {
		background: transparent;
		z-index: 9999;
	}
	
	.navbar .nav > li > a {
		color: #666;
		background: transparent;
		border-top:4px solid transparent;
		text-shadow: none;
		font-size: 14px;
		padding: 5px 20px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;

	}

	.logo  {
		margin-left: 0px;
	}
		
	ol li ol.childlist .comment-des {
		width:77%;
	}
	
	.comment-des{
		width:78%;
	}
	
	#mobileOverlay {
		display: visible !important;
	}
	
	
}